
.content,
.content>div {
    width: 100%;
    height: 100%;
}

.content>.message {
    text-align: center;
    display: table;
    font-size: 16px;
    color: #111;
}

.content>.message .note {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.content .error .details {
    max-width: 500px;
    font-size: 12px;
    margin: 20px auto;
    text-align: left;
}

.content .error pre {
    border: solid 1px #CCC;
    background: #EEE;
    padding: 10px;
}

.content:not(.with-error) .error,
.content.with-error .intro,
.content.with-diagram .intro {
   // display: none;

    display: flex; //控制属性栏与右侧有没有间隙
    height: 1000px;
}

.content .canvas,
.content.with-error .canvas {
    visibility: hidden;
}

.content.with-diagram .canvas {
    // visibility: visible;
}
.content.with-diagram .canvas {
    visibility: inherit;
    height: 1000px;
}

// 控制左侧工具栏的宽度
:host ::ng-deep .djs-palette.open {
    width: 100px !important;
}